<style lang="less">
  .filltitle {
    text-align: center;
    line-height: 28px;
    margin-bottom: 20px;
    dt {
      font-size: 20px;
    }
    dd {
      font-size: 16px;
      color: #888;
    }
  }

  .w100 {
    width: 100%;
  }

  .login-wrap {
    padding: 0 0.3rem;
  }

  .orderLink {
    display: block;
    width: 100%;
    text-align: center;
    padding: 10px 0;
    font-size: 14px
  }

  .tiper {
    color: #636363;
    text-align: center;
    margin-top: 20px;
  }
</style>
<template>
  <div class="contain">
    <div class="loader-base" v-if="showLoad">
      <div class="loader-wrap"></div>
    </div>
    <img src="@/assets/bg/ditie.jpg" style="width:100%">
    <div class="filltitle">
      <dl>
        <dt>大美武汉 童话地铁</dt>
        <dd>比赛获奖名单</dd>
      </dl>
    </div>
    <ul class="login-wrap" style="text-align: center;">
      <li class="displayflex" v-for="item in paintingsList">
        作品名称：{{item.name}} 作者：{{item.author}}
      </li>
    </ul>
  </div>
</template>

<script>
  export default {
    data() {
      return {
        paintingsList: []
      }
    },
    created: function () {
      let self = this;
      this.showLoad = true;
      let query = {};
      this.Ajax.post("queryAllPaintings", query).then(function (resp) {
        self.showLoad = false;
        if (resp.IsSuccess) {
          self.paintingsList = resp.Datas;
        }
      });
    }
  }
</script>
